<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
        <title>首页</title>
        <!-- 引入外部js -->
        <script type="text/JavaScript" src="../js/jQuery/jquery-3.2.1.min.js"></script>
        
        <!-- 引入外部css -->
        <link rel="stylesheet" type="text/css" href="../css/index.css">
        <link rel="stylesheet" type="text/css" href="../icon/css/font-awesome.min.css">
    </head>

    <body>
        <div class="container">
			<nav id="bt-menu" class="bt-menu">
				<a href="#" class="bt-menu-trigger"><span title="菜单"></span></a>
				<ul>
					<li><a href="#" class="bt-icon fa fa-home" title="首页" id="../html/home/home.html" onclick="topage(this.id)"></a></li>
					<li><a href="#" class="bt-icon fa fa-line-chart" title="曲线" id="" onclick="topage(this.id)"></a></li>
					<li><a href="#" class="bt-icon fa fa-table" title="表格" id="" onclick="topage(this.id)"></a></li>
					<li><a href="#" class="bt-icon fa fa-phone"  title="联系我们" id="" onclick="topage(this.id)"></a></li>
				</ul>
			</nav>
        </div>
        <iframe class="ifm" src="../html/home/home.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
    </body>

    <script type="text/javascript"> 
        $(document).ready(function(){//页面加载完成后执行
            $(".ifm").css({'width': $(window).width() - 20, 'height': $(window).height() - 16});
        });

        function topage(key) {
            $(".ifm").attr("src", key);
        }
    </script> 

    <script type="text/JavaScript" src="../js/menu/classie.js"></script>
    <script type="text/JavaScript" src="../js/menu/borderMenu.js"></script>
</html>